<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后代选择器</title>
    <style>
        /* 语法
            选择器1 选择器2{}
            选择器2 需要在选择器1的内部才可以生效
            儿子，孙子，子子孙孙都是可以的
        */
        /* div内部的span */
        div span{
            background-color: skyblue;
        }
        /* div 里面的.last */
        div .last{
            color: yellow;
        }
    </style>

</head>
<body>
    <span>span标签</span>
    <div>
        <span>这是div的儿子span</span>
    </div>
    <div>
        <p>
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatum, consectetur nostrum! Sunt numquam reiciendis consequatur quos repellendus asperiores, id error libero aliquid rerum! Et sit, <span>
                recusandae cumque voluptatum ab odit
            </span>.
        </p>
    </div>
    <div>
        <span class="last">这是p的儿子span</span>
    </div>
</body>
</html>